<template>
  <div id="box">
    <h1>App</h1>
    <button @click="comName = ComA">ComA</button>
    <button @click="comName = ComB">ComB</button>
    <button @click="comName = ComC">ComC</button>
    <KeepAlive include="" exclude="" max="">
      <component :is="comName"></component>
    </KeepAlive>
    <!-- <component is="TsCard"></component> -->
  </div>
</template>
<script setup>
import { ref, shallowRef } from 'vue';
import ComA from './components/ComA.vue';
import ComB from './components/ComB.vue';
import ComC from './components/ComC.vue';

const comName = shallowRef(ComA)
</script>